﻿
						<!-- /PAGE HEADER -->
						<!-- FORMS -->
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-6">
										<!-- BASIC -->
										<div class="box border orange">
											<div class="box-title">
												<h4><i class="fa fa-bars"></i>新闻分类编辑</h4>
												<div class="tools hidden-xs">
													<a href="#box-config" data-toggle="modal" class="config">
														<i class="fa fa-cog"></i>
													</a>
													<a href="javascript:;" class="reload">
														<i class="fa fa-refresh"></i>
													</a>
													<a href="javascript:;" class="collapse">
														<i class="fa fa-chevron-up"></i>
													</a>
													<a href="javascript:;" class="remove">
														<i class="fa fa-times"></i>
													</a>
												</div>
											</div>
											<div class="box-body big">
												<form class="form-horizontal" action="" method="post" role="form">

												  <div class="form-group">
													<label for="inputEmail3" class="col-sm-2 control-label">分类名称</label>
													<div class="col-sm-10">
													  <input type="text" name="name" class="form-control" id="inputEmail3" placeholder="请输入标题" value="<?php echo $data['name']?>">
													</div>
												  </div>

 												<div class="form-group">
													<label class="col-sm-2 control-label">分类归属</label>
													<div class="col-sm-3 list">

													<!--  foreach($cate as $v)
													     $key存储了二维数组的上一层分类 -->
													<?php foreach($cate as $key=>$v){?>
													 <select class="form-control select_cate" name="pid">
													<!-- 顶级分类显示判断 -->
													<?php if($v[0]['pid']==0) {?>
													  <option value="0">顶级分类</option>
													<?php }?>

													 <!--  <option value="0">上一级</option> -->
														<!--  $v就是三维数组里的一个个数组  foreach每次循环的时候取到一个一维数组
														通过循环获取每条数据的id值，拿每条数据的id值跟上一级分类id进行比较，相等则为选中
														$ve['id']三维数组的数据id $key二维数组的下标 -->
														<?php foreach($v as $k=>$ve){?>
															<!-- 上一级只输出一次 -->
															<!-- $k指的是下一子级的下标 -->
															<?php if($k==0 and $v[0]['pid']!=0) {?>
															  <option value="<?php echo $ve['pid']?>">上一级</option>
															<?php }?>

															<option <?php echo ($data['id']==$ve['id'])?'disabled':(($ve['id']==$key)?'selected':'')?>
															 value="<?php echo $ve['id']?>"><?php echo $ve['name']?></option>

														<?php }?>
													</select>
													<?php }?>
													</div>
												  </div>


												  <div class="form-group">
													<div class="col-sm-offset-2 col-sm-10">
													  <button type="submit" class="btn btn-pink">提交</button>
													</div>
												  </div>
												</form>

											</div>
										</div>
										<!-- /BASIC -->
										<!-- BASIC -->

										<!-- /BASIC -->
									</div>

								</div>

								</div>
								<!-- /SAMPLE -->
							</div>
						</div>
<script src="resources/admin/js/jquery/jquery-2.0.3.min.js"></script>
<script  type="text/javascript"r>
	$(function(){
		// $('.select_cate').change(function() {
		$('.list').on('change','select',function() {

			//删除当前操作之后的所有select标签
			$(this).nextAll().remove();

			//选中的是上一级则终止程序执行 怎么知道？
			//alert($(this).find('option:selected').text());//获取选中项的值是否等于上一级
			//alert($(this).get(0).selectedIndex);//根据选中项的下标来知道是否选中了上一级

			if ($(this).get(0).selectedIndex==0) {//$(this).get(0).selectedIndex==0说明现在操作的是第一个选项
				return false;
			}

			//选中项的id值
			var id=$(this).val();

			//通过ajax获取选中项的子级数据
			$.ajax({
				type:'get',
				url:'index.php?admin=1&c=cate&a=add&id='+id,//add添加已经查询了，所以用了add的方法
				dataType:'json',
				success:function(json){
					//将程序返回的子级数据显示在下拉列表中
					var html='';
					html+='<select class="form-control select_cate" name="pid">';
						html+='<option value="'+id+'">上一级</option>';
						for (i in json) {
							html+='<option value="'+json[i].id+'">'+json[i].name+'</option>';
						}
					html+='</select>';

					//将新的下拉列表追加在原来的下拉列表后面
					$('.list').append(html);
				}
			})

		})
	})

</script>